<template>
  <div>
  <div class="border">
    <span class="font">新增文章</span>
    <a href="" class="font-bottom">写文章</a>
  </div>
    <div class="border">
      <span class="font">总文章数</span>
      <a href="/admin/essay" class="font-bottom">了解更多</a>
    </div>
    <div class="border">
      <span class="font">收到评论数</span>
      <a href="/admin/commit" class="font-bottom">了解更多</a>
    </div>
    <div class="border">
      <span class="font">分类数量</span>
      <a href="" class="font-bottom">了解更多</a>
    </div>
    <div class="border">
      <span class="font">标签数量</span>
      <a href="" class="font-bottom">了解更多</a>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ToolView'
}
</script>
<style>
.border{
  position: relative;
  width:400px;
  height: 150px;
  background-color: gold;
  border: red 4px solid;
  float: left;
}
.font{
  font-family: 隶书,cursive;
  font-size: 50px;
  color: #FF0000;
}
.font-bottom {
  font-size: larger;
  text-align: center;
  color: red;
  width: 396px;
  background-color: goldenrod;
  border-top:goldenrod 4px solid;
  position: absolute;
  top: 125px;
  left:0;
  font-family: 隶书, cursive;
}
</style>
